/*------------------------------------*\

    @Button Groups || @Pagination

\*------------------------------------*/

.btn-group,
.btn-group-lg,
.btn-group-sm,
.pagination > ul > li,
.pagination > ul > li > a {
	float: left;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	.border-radius(0);
}

.pagination > ul {
	padding-left: 0;
}

.pagination > ul > li > a {
	.box-shadow(none);
	border: 1px solid @base-color-ccc;
}

.pagination-gradient > ul > li {
	.gradient(@base-color-eee, @base-color-eee, @base-white);
}

.pagination > ul > li > a,
.pagination > ul > li > button {
	background-color: transparent;
	background: transparent;
}

.btn-group > .btn,
.btn-group-lg > .btn,
.btn-group-sm > .btn,
.pagination > ul > li > a {
	.left-float;
	.border-radius(0);
}
.btn-group > .btn + .btn,
.btn-group-lg > .btn + .btn,
.btn-group-sm > .btn + .btn,
.pagination > ul > li > a,
.pagination > ul > li > .btn  {
	margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .btn-default,
.btn-group > .btn-active {
	border-color: @base-color-ececec;
	font-size: 12px;
	line-height: 18px;
}

.pagination > ul > li:first-child > .btn,
.pagination > ul > li:first-child > button {
	margin-left: 0;
}

/* .btn-group > .btn:last-child, */
.pagination > ul > li:last-child > .btn,
.pagination > ul > li:last-child > button {
	margin-left: 0;
}
// The active state
.btn-group > .btn.active,
.pagination > ul > li.active,
.pagination > ul > li > .active {
	// background-color: @info-color;
	// color: @base-white;
	// border-color: @info-color;
}

/* Pagination Large Size */
.btn-group-lg > .btn,
.pagination-lg > ul > li > a.btn {
	padding: @base-padding-lg-vertical @base-padding-lg-horizontal;
	.border-radius(0);
	float: left;
	display: inline-block;
}
/* Pagination Small Size */
.btn-group-sm > .btn,
.pagination-sm > ul > li > a.btn {
	padding: @base-padding-sm-vertical @base-padding-sm-horizontal;
	.border-radius(0);
	float: left;
	display: inline-block;
}

/* Removes the border */
.btn-group.no-b > .btn,
.btn-group-lg.no-b > .btn,
.btn-group-sm.no-b > .btn,
.pagination.no-b > ul > li > .btn,
.list-group.no-b > li,
.list-group.no-b > li > a,
.list-group.no-b > a.list-group-element {
	border: none;
	border-color: transparent;
}